<!--婚嫁资源详情-->
{% extends 'indexLayout.html' %}
{% load static %}
{% block title %}
    <title>婚嫁资源详情页</title>
{% endblock %}
{% block css %}
    <link rel="stylesheet" href="{% static 'css/resDetails.css' %}">
{% endblock %}
{% block content %}
    <!--外层容器-->
    <div class="box">
        <!-- 介绍 -->
        <div class="res-intro">
            <div class="res-img">
                <img src="{% static result.img_index %}" alt="婚庆公司" class="imgtd1">
            </div>
            <div class="res-text">
                <h1 class="">{{ result.name }}</h1>
                <p class="my-text">{{ result.info }}
                </p>
            </div>
        </div>

        <!-- 图片表格 -->
        <table class="my-border">
            {% for row in result.img_list %}
                <tr>
                    {% for obj in row %}
                        <td>
                            <img src="{% static obj %}" alt="婚庆公司" class="td-img">
                        </td>
                    {% endfor %}
                </tr>
            {% endfor %}
        </table>
        {% if result.video is not None %}
            <video poster="" style="object-fit:fill" width="100%" height="100%" controls>
                <source src="{{ result.video.url }}" type="video/mp4">
            </video>
        {% endif %}
    </div>
{% endblock %}
{% block js %}
    <script src="{% static 'js/marryResDetails.js' %}" type="text/javascript"></script>
{% endblock %}
